<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${applicationScope.ojName}</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.flat.min.css"/>
    <style>
        .main {
            width: 60%;
            margin: 0 auto;
        }
    </style>
</head>

<body>

<jsp:include page="/heard.html" flush="true"/>

<div class="main" style="margin-top:20px;">
    <div data-am-widget="slider" class="am-slider am-slider-b2 banner"
         data-am-slider='{&quot;controlNav&quot;:false,smoothHeight:false}'>
        <ul class="am-slides">
            <c:forEach items="${requestScope.images}" var="img">
                <li>
                    <img src="${img.url}" style="height: 500px">
                </li>
            </c:forEach>
        </ul>
    </div>
    <ul class="am-list am-list-static">
        <c:forEach items="${requestScope.news}" var="news">
            <li>
                    ${news.content}
            </li>
        </c:forEach>
    </ul>
</div>

<jsp:include page="/foot.html" flush="true"/>

<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.min.js"></script>
<script>
    $(function () {
        $('.index').addClass('am-active');
    })
</script>
</body>

</html>